<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<title>LinkedIn_JSF | Obligatorio Taller J2EE</title>
	<!-- 	 <link rel="shortcut icon" href="#{request.contextPath}/img/favicon.ico"/> -->
	<link rel="shortcut icon"
		href="http://static01.linkedin.com/scds/common/u/img/favicon_v3.ico" />
	<meta http-equiv="refresh"
		content="#{session.maxInactiveInterval};url=sessionExpired.xhtml" />
</h:head>

<h:body>
	<p:layout fullPage="true">

		<p:layoutUnit position="top" height="100" header="Top"
			resizable="true" closable="false" collapsible="true">
			<!--			<ui:include src="/menu.xhtml" />-->
			<h:form>
				<p:toolbar>
					<p:toolbarGroup align="left">
						<p:commandButton type="push" value="Contactos"
							image="ui-icon-person" />
						<p:commandButton type="push" value="Mensajes"
							image="ui-icon-mail-closed" />
						<p:commandButton type="push" value="LogOut"
							image="ui-icon-mail-closed" action="#{login.logOut}" />
						<p:commandButton type="push" value="Home"
							image="ui-icon-mail-closed" action="/principal.xhtml" />
					</p:toolbarGroup>

					<p:divider />
					<h:messages />
					<p:divider />
					<p:toolbarGroup align="right">
						<p:menuButton value="Usuario">
							<p:menuitem value="Editar Perfil" url="/editarUsuario.xhtml" />
							<p:menuitem value="Salir" actionListener="#{login.logOut}" />
						</p:menuButton>
					</p:toolbarGroup>
				</p:toolbar>
			</h:form>
		</p:layoutUnit>

		<p:layoutUnit position="center" header="CENTER" align="center"
			scrollable="true">
			<ui:insert name="content" />
		</p:layoutUnit>

		<!--    <p:layoutUnit position="left" width="200" header="Left" resizable="true" closable="true" collapsible="true">  -->
		<!--        <h:outputText value="West unit content." />  -->
		<!--    </p:layoutUnit>  -->
		<!--      -->
		<!--    <p:layoutUnit position="right" width="200" header="Right" resizable="true" closable="true" collapsible="true">  -->
		<!--        <h:outputText value="East unit content." />  -->
		<!--    </p:layoutUnit>  -->

		<p:layoutUnit position="bottom" height="100" align="center"
			header="Powered by" resizable="true" closable="false"
			collapsible="true">
			<table align="center">
				<tr>
					<td align="left"><h:graphicImage value="img/pfLogo.jpg"
							title="Primefaces" /></td>
				</tr>
			</table>
		</p:layoutUnit>

	</p:layout>
</h:body>
</html>